<template>
    <div>
        <backHeader :subtext='"挂失"'/>
        <div class="listss">
            <ul>
                <li>
                    <label for=""><span style="color:red">*</span><span class="labelTitle">姓名</span></label>
                    <input type="text">
                </li>
                <li>
                    <label for=""><span style="color:red">*</span><span class="labelTitle">身份证号</span></label>
                    <input type="text">
                </li>
                <li>
                    <label for=""><span style="color:red">*</span><span class="labelTitle">密码</span></label>
                    <input type="text">
                </li>
            </ul>
            <button class="sureMiss">确认挂失</button>
        </div>
    </div>

</template>

<script>
import backHeader from '../backHeader/backHeader'
export default {
  name: 'miss',
  components: {
    backHeader
  }
}
</script>

<style lang='scss'>
$em-base: 75;
@import '../../common/mixin/_bourbon.scss';
.labelTitle {
  color: #666666;
  font-size: 20px;
}
.listss {
  padding: 0 rem(26px);
  li {
    display: flex;
    height: rem(94px);
    margin-top: rem(40px);

    label {
      width: 30%;
      line-height: rem(94px);
    }
    input {
      height: 100%;
      width: 70%;
      background: #e6e6e6;
    }
  }
  .sureMiss {
    height: rem(120px);
    border: none;
    background: #f8c84c;
    text-align: center;
    width: 100%;
    border-radius: 3px;
    margin-top: rem(60px);
    color: #ffffff;
    font-size: 20px;
  }
}
</style>
